<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <div class="box">
        <div class="logo">
            <img src="./images/jdlogo-201708-@1x.png" alt=""><i>&nbsp;&nbsp;</i><span>购物车</span>
        </div>
        <div class="shangpin">
            <p>全部商品 5</p>
        </div>
        <table id="table">
            <thead>
            <tr>
                <th>商品</th>
                <th>名称</th>
                <th>单价</th>
                <th>数量</th>
                <th>小计</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
                <tr class="tr">
                    <td><img src="./images/我的购物车---京东商城_03.png" alt="" class="fl"></td>
                    <td><p class="meilun">美伦达 赣南脐橙 颜色：赣南脐橙铂金果 3斤装 2017新上市 3斤装 铂金果</p></td>
                    <td><span class="fl">￥<i class="qian">25.80</i></span></td>
                    <td><div class="shu fl">
                        <input type="text" class="num" value="2">
                        <p>有货</p>
                    </div></td>
                    <td><div class="jiage fl">
                        <span>￥<i class="sum">25.80</i></span>
                        <span><i class="jin">1.68</i>kg</span>
                    </div></td>
                    <td><span class="fl shan del">删除</span></td>
                </tr>
                <tr class="tr">
                    <td><img src="./images/我的购物车---京东商城_04.png" alt="" class="fl"></td>
                    <td><p class="fl meilun">秘鲁进口精选蓝莓 颜色 ：秘鲁蓝莓 4盒装 单盒125kg 新鲜水果</p></td>
                    <td><span class="fl">￥<i class="qian">46.90</i></span></td>
                    <td><div class="shu fl">
                        <input type="text" class="num" value="1">
                        <p>有货</p>
                    </div></td>
                    <td><div class="jiage fl">
                        <span>￥<i class="sum">46.90</i></span>
                        <span><i class="jin">1.68</i>kg</span>
                    </div></td>
                    <td><span class="fl shan del">删除</span></td>
                </tr>
                <tr class="tr">
                    <td><img src="./images/我的购物车---京东商城_06.png" alt="" class="fl"></td>
                    <td><p class="fl meilun"> 广西青皮芒果 2个 颜色 ：青皮果 2粒 单果约260kg 以上 新鲜水果</p></td>
                    <td><span class="fl">￥<i class="qian">10.90</i></span></td>
                    <td><div class="shu fl">
                        <input type="text" class="num" value="1">
                        <p>有货</p>
                    </div></td>
                    <td><div class="jiage fl">
                        <span>￥<i class="sum">10.90</i></span>
                        <span><i class="jin">1.68</i>kg</span>
                    </div></td>
                    <td><span class="fl shan del">删除</span></td>
                </tr>
                <tr class="tr">
                    <td><img src="./images/我的购物车---京东商城_08.png" alt="" class="fl"></td>
                    <td><p class="fl meilun">新疆库尔勒香梨 约 颜色 ：2.5kg单果约120-150g 当季新果 特级装</p></td>
                    <td><span class="fl">￥<i class="qian">39.90</i></span></td>
                    <td><div class="shu fl">
                        <input type="text" class="num" value="1">
                        <p>有货</p>
                    </div></td>
                    <td><div class="jiage fl">
                        <span>￥<i class="sum">39.90</i></span>
                        <span><i class="jin">1.68</i>kg</span>
                    </div></td>
                    <td><span class="fl shan del">删除</span></td>
                </tr>
                <tr class="tr">
                    <td><img src="./images/我的购物车---京东商城_10.png" alt="" class="fl"></td>
                    <td><p class="fl meilun">宏辉果蔬 苹果 烟台红富士 颜色 ： 12粒75mm红富士 12g 单果约75mm</p></td>
                    <td><span class="fl">￥<i class="qian">34.90</i></span></td>
                    <td><div class="shu fl">
                        <input type="text" class="num" value="1">
                        <p>有货</p>
                    </div></td>
                    <td><div class="jiage fl">
                        <span>￥<i class="sum">34.90</i></span>
                        <span><i class="jin">1.68</i>kg</span>
                    </div></td>
                    <td><span class="fl shan del">删除</span></td>
                </tr>
            </tbody>
        </table>

        <div class="zong">总价：￥<span id="allCount"></span>元</div>
    </div>
    <script src="js/script.js"></script>
</body>
</html>